<layout name="layout" />

<style>

    .if_tips{
        font-size:20px;
        line-height: 60px;
        text-align:center;
        color:rgb(157,157,157);
    }

</style>

<div class="col-xs-12">
    <div class='if_tips'>快捷搜索</div>

    <div class="row">
        <div class='col-xs-12 col-md-8 col-md-offset-2'>
            <div class="input-group">
                <input type="text" class="form-control" placeholder='关键字' id="if_quitSearch"/>
                <span class="input-group-btn">
                    <button class="btn btn-default" name="quitSearch">搜索</button>
                </span>
            </div>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="panel panel-info">
            <div class="panel-heading">搜索结果</div>
            <div class="panel-body">
                <div class="table-responsive">
                    <div class="list-group col-xs-4" id="if_list">
                        <a href="#if_title" class="list-group-item active" data-toggle="tab">按标题</a>
                        <a href="#if_content" class="list-group-item" data-toggle="tab">按内容</a>
                        <!--<a href="#if_user" class="list-group-item" data-toggle="tab">用户</a>-->
                    </div>

                    <div class='col-xs-8'>
                        <div class="tab-content">
                            <div class="tab-pane active" id="if_title"></div>
                            <div class="tab-pane" id="if_content"></div>
                            <!--<div class="tab-pane" id="if_user"></div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $('[name=quitSearch]').click(if_Search);
    
    $('a').click(function(){        
        $('a').each(function(){
            $(this).removeClass('active');
        });
        $(this).addClass('active');
    });
</script>